We at JungleJar have put together a list of 10 resources for cross-browser compatibility testing. Most of these are websites which display your submitted URL as click-able thumbnails of how it views on other browsers / browser platforms.
EXT JS OVERVIEW
Ext JS is a cross-browser JavaScript library for building rich internet applications. Build rich, sustainable web applications faster than ever. It includes:
High performance, customizable UI widgets
Well designed and extensible Component model
An intuitive, easy to use API
Commercial and Open Source licenses available
BROWSER COMPATIBILITY
Ext JS supports all major web browsers including:
Internet Explorer 6+
FireFox 1.5+ (PC, Mac)
Safari 3+
Chrome 3+
Opera 9+ (PC, Mac)
# CrossBrowserTesting.com allows website designers see what their website looks like in different browsers and in different operating systems.
# Don't settle for a picture, test your AJAX and Javascript as well as the layout.
Due to browsers' prohibition on cross domain XMLHTTP calls, all AJAX websites must have a server side proxy to fetch content from external domains like Flickr or Digg. From the client-side JavaScript code, an XMLHTTP call goes to the server-side proxy hosted on the same domain, and then the proxy downloads the content from the external server and sends back to the browser. In general, all AJAX websites on the Internet that are showing content from external domains are following this proxy approach, except for some rare ones who are using JSONP. Such a proxy gets a very large number of hits when a lot of components on the website are downloading content from external domains. So, it becomes a scalability issue when the proxy starts getting millions of hits. Moreover, a web page's overall load performance largely depends on the performance of the proxy as it delivers content to the page. In this article, we will take a look at how we can take a conventional AJAX Proxy and make it faster, asynchronous, continuously stream content, and thus make it more scalable.
"animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness"
Webupo™ is the first online marketplace for web services with cross- browser support. Our bookmarking feature is based on one-click self-extracting executable files and currently runs on Micrsoft Windows operating systems. Webupo enables users to bookmark useful web applications found on the Internet in an innovative and convinient way.
qooxdoo is a comprehensive and innovative Ajax application framework. Leveraging object-oriented JavaScript allows developers to build impressive cross-browser applications. No HTML, CSS nor DOM knowledge is needed.
It includes a platform-independent dev
"Build engaging, cross-platform rich Internet applications
Flex is a highly productive, free, open source framework for building expressive web applications that deploy consistently on all major browsers, desktops, and operating systems by leveraging the Adobe® Flash® Player and Adobe AIR® runtimes. While Flex applications can be built using only the free Flex SDK, Adobe Flash Builder™ (formerly Adobe Flex® Builder™) software can accelerate development through features like intelligent coding, interactive step-through debugging, and visual design of the user interface layout."
"Along with HTML5 Boilerplate's rock solid commitment to cross-browser consistency, H5BP brings you delicious documentation, a site optimizing build script, and a custom boilerplate builder. In addition to this, we now support lighttpd, Google App Engine, and NodeJS with optimized server configurations (along with Apache, Nginx, and IIS) and we've reduced the overall size of the published boilerplate by 50%."
"Amazing cross-browser app experiences
Ext JS is the developer's choice for building powerful desktop web applications using JavaScript and web standards."
Nowadays many JavaScripters are aware of the advantages of event delegation. Chris Heilmann and Dan Webb, among others, have discussed its advantages, and I've been using it as much as possible for about two years now.
Event delegation is especially useful in effects like dropdown menus, where lots of events on links may take place that can easily be handled at the root level (an or in this case).
An experimental matrix of Web 2.0 mashups. Usage: Hover the cursor over any cell in the matrix. A small box gives details on mashups for that API combination.
Top links in hover box bring you to that API's reference page.
Links in body of hover box take you directly to the mashup.
Not all combinations have mashups & only those with the 'º' indicator currently have entries.
Cells at the intersection of same API (ex: Amazon+Amazon) list any other examples for that API.
Note that there are two views into the matrix: the default view shows only those APIs for which mashups have been added to the
database. The second view shows all APIs regardless of whether there's currently a mashup registered. It's big.
Definitions: What is a mashup anyway? As always, it's good to check
Wikipedia's definition,
but essentially a "mashup" is a web-based
application built through (creative) combination of data from multiple sources. Often, but by no means always,
this data is retrieved by using a vendor's API such as those listed here.
(An API? Also at Wikipedia.)
Some recent press may also help explain:
BusinessWeek's "Mix, Match and Mutate",
The Economist's "Mashing the Web".
Background: This is an experiment. It is intended to be both a reference point and also a visualization.
What you see here today will change both in content and form shortly.
I am quite interested in seeing the 'space' in which mashups exist.
Clearly, some APIs such as Google Maps, appear to be more widely used than others.
UI Issues:
Cross-browser support is good but not complete.
Sometimes it can b